<template>
	<div class="page-content">
		<div class="page-title">
			<span style="margin-left: 100px;">拍照完成后，请选择一张满意照片</span>
			<div style="float: right;"><Timer  title="选择满意照片"></Timer></div>
		</div>
		    <div class="img-wrapper" >
		      <span style="flex:1"></span>
			  <div v-for="(item,index) in images" :key="index" style="margin-top: 6%;">
				  <img :src="item.image" />
			  </div>
		      <span style="flex:1"></span>
		    </div>
		<div style="height: 167px;background-color: #E7EEF4;border-top: 1px solid rgb(172, 185, 194);display: flex;justify-content:center;align-items: center;">
			<button class="btns" style="margin-right:65px;" @click="remake">重拍</button>
			<button class="btns" style="margin-left:65px;" @click="determine">确定</button>
		</div>
	</div>
</template>

<script>
	import people from '../../../public/res/photo/people.png'
	export default{
		data(){
			return{
				images:[
					{image:people},
					{image:people},
					// {image:people},
				]
			}
		},
		methods:{
			 /* 重拍 */
			remake(){
				
			},
				/* 确定 */
			determine(){
				
			}
		}
	}
</script>

<style scoped="scoped">
	.img-wrapper{
		margin: 2% 0; height: 617px;display: flex;
	}
	.img-wrapper img{
		width: 303px;height: 408px;border-radius: 10px;margin: 0 20px;
	}
	.btns{
		height: 90px;width: 350px;border-radius: 40px;background-color: rgb(18, 104, 249);color: #fff;font-size: 24px;
	}
</style>
